// @ts-nocheck
import { Input, Table } from '@douyinfe/semi-ui'

const SemiTable = (props: { columns: any; list: any; dataSource: any }) => {
  const { list, columns, dataSource } = props

  return (
    <div>
      <h1>semi table</h1>
      {list.map((item: any, index: number) => (
        <div key={index}>
          {item.render && item.render()}
          {!item.render && <h3>{item.content}</h3>}
        </div>
      ))}
      <Input defaultValue="hi" />
      <Table columns={columns} dataSource={dataSource} />
    </div>
  )
}

export default SemiTable
